<!-- 园区信息查看更多 -->
<template>
    <div class="more_info">
        <div class="more_info_button" @click="look"></div>
        <p @click="looks">
            绕“安全生产标准化管理”体系建设，通过数据采集、风险管理、隐患排查、监测预警、统计分析，实现一体化安全高效智能管理，构建“监管一张图，企业一张表”的实施管理效果
        </p>
    </div>
</template>

<script setup lang="ts">
import { nextTick } from 'vue';
import renderPopconfirmComponent from '@/components/common/Popconfirm';
import Textcompoents from '@/components/custom/safetySpy/modal/warnInfo/index.vue';

const look = () => {
    nextTick(() => {
        renderPopconfirmComponent({ title: '预警详情', showPop: true }, Textcompoents);
    });
};

const looks = () => {
    renderPopconfirmComponent({ showPop: false }, Textcompoents);
};
</script>
<style scoped lang="scss">
.more_info {
    background: url('@img/yuanquborder.png') no-repeat;
    width: 100%;
    height: 108px;
    background-size: 100% 100%;
    position: relative;
    padding: 23px 13px 20px 14px;
    box-sizing: border-box;
    &_button {
        width: 66px;
        height: 18px;
        background: url('@img/more.png') no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        background-size: 100% 100%;
        cursor: pointer;
    }
    p {
        font-size: 12px;
        color: #fff;
        width: 100%;
        line-height: 18px;
        @include textHidden(4);
    }
}
</style>
